<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>
    <link rel="stylesheet" href="./css.css">

</head>

<body>

    <div class="main">

        <div class="header">

            <h1>我是网页的头部</h1>

            <p>这里主要是放网站的logo或是banner广告</p>

        </div>

        <div class="nav">
            <a href="./html/new1_sy.html" target="iframe">
                <h1 id="color1">首页</h1>
            </a>
            <a href="./html/new2_rwjs.html" target="iframe">
                <h1 id=" color1">人物介绍</h1>
            </a>
            <a href="./html/new3_yy.html" target="iframe">
                <h1 id="color1">音乐</h1>
            </a>
            <a href="./html/new4_ttjs.html" target="iframe">
                <h1 id="color1">图片鉴赏</h1>
            </a>

            </a>
        </div>
        <div class="container">
            <!-- 主体这里我们要放入三个盒子，分别是左中右,要注意的是我们用margin进行三栏布局

           中间的栏是自适应的，所以中间的栏放在第三个。

           -->
            <!-- <div class="lside">

                <h2>我是左边栏</h2>

                <p>

                    我是左边栏的内容我是左边栏的内容我是左边栏的内容


                </p>

            </div> -->

            <!-- <div class="rside">
                <h2>我是右边栏</h2>
                <p>

                    我是右边栏的内容我是右边栏的内容我是右边栏的内容

                </p>

            </div> -->

            <div class="content">

                <iframe name="iframe"> </iframe>
            </div>

        </div>

        <div class="footer">

            <p>@KW 2023-12 期末作业</p>

        </div>

    </div>


</body>

</html>